草庐IT

ionic 滚动条

全部标签

javascript - 使用 jQuery 事件拖放处理滚动条

我有一个房间div,上面布置了一些玩具div,请参阅玩具是绝对定位的,可以在房间的墙壁上拖动。房间容器div具有固定的高度和高度,因此房间具有水平和垂直滚动。我用jqueryeventdrag用于设置DnD的插件。我设法只在墙的lomits中设置玩具拖拽,但是当有卷轴时,组件会向墙外移动一点(仅达到墙的实际宽度)。我只想展示玩具的一部分,如下所示我尝试设置z-index,但没有效果,有人有更好的主意吗? 最佳答案 在没有看到实际代码的情况下,我猜overflow:hidden可以解决这个问题吗?

javascript - 如何确定事件是否从滚动条触发

我有一个div,我在其中实现了像滑动一样的iPad。看看我在JSFiddle上的意思(只需在div中单击并拖动鼠标即可。)我想防止有人在使用滚动条时发生滑动(点击滚动条,然后从左向右移动,滑动仍然发生)。简而言之,我需要的是if(!event.wasTriggeredFromScrollbar),我可以在任何事件触发器(在本例中为mousedown/move/up)中使用它。欢迎使用jQuery和常规的“olJavascript答案”。编辑:为了更有意义。 最佳答案 这是我解决这个问题的方法,因为这似乎实际上是不可能的。第1步:捕获

Javascript(jQuery)在拖动项目时禁用页面滚动

我有一个类似小部件的系统,其中的小部件可以四处拖动(使用jQuery可拖动/可排序)。现在的问题是,当用户拖动这些小部件之一并将光标移动到边缘时,父div会滚动到光标的方向。一个简化的布局如下:有什么方法可以禁止page_wrapper滚动吗? 最佳答案 尝试在page_wrapper的css中添加overflow:hidden;。 关于Javascript(jQuery)在拖动项目时禁用页面滚动,我们在StackOverflow上找到一个类似的问题: htt

javascript - 滚动上的 jQuery 粘性标题

我制作了一个非常小的片段,使子标题固定在顶部。但是,就像我说的那样——我绝不是js天才或jQuery天才——实际上远非如此——我怀疑自己的编码能力..演示在这里:http://jsfiddle.net/obmerk99/VvKq3/1/问题:1-似乎有很多插件(还有很多问题在这个网站上)比我的代码片段多得多的代码-我是什么失踪??我做错了什么?2-这能跨浏览器工作吗?3..这是一个小问题,如何避免发生小的“跳跃”?(如果你去fiddle,并慢慢地滚动-你会看到主div在脚本被调用时“跳跃”..我试图将另一个.pad类添加到较低的div-添加类:.pad当脚本被调用时。.pad{padd

仅在向上滚动时出现的返回顶部链接的 Javascript 语法帮助

我有一个页面设置有一个返回顶部的链接(在整个栏中)在页面顶部向下滑动,只有在向上滚动时。我是Javascript的初学者,所以我拼凑了一些东西,确实有效(它在向上滚动时显示,除非我们距离顶部500像素,在向下滚动时隐藏),并且它使用了我得到的一些代码从这里开始不检查滚动的每个像素。我想补充的是,即使您在到达子菜单后仍在向上滚动,那么顶部链接也应该再次滚出页面-一旦您位于顶部,我不需要返回顶部.我已经通过添加第二个Javascript脚本使它工作,但我知道必须有更好的方法才能在第一次调用中使类似的东西工作。此外,第二次调用使用了window.scroll函数,我很确定这是错误的方法。第一

javascript - Ionic APP 中的 Disqus

我正在尝试在我的ionic应用程序中实现disqus评论。我知道我必须将它托管在我认为我已正确配置的域中。欢迎任何帮助这是ionic应用程序在我的app.js中的代码$scope.showComments=function(){$scope.currentView="comments";//loadComments(params["shortname"],params["url"],params["title"],params["identifier"]);//vardisqus_title="Venue1";vardisqus_identifier='/venue/'+$stateP

javascript - ionic /Angular : Read and Write Array in Local Storage

作为在线类(class)的一部分,我正在使用Ionic框架来学习AngularJS和许多其他对Web开发人员有用的工具。而且,作为那种高级初学者类型,我被困住了。在本单元中,我们学习了利用本地存储在本地持久保存数据,这样即使在应用程序关闭后我们也可以获取我们最喜欢的项目。但是,我无法让它发挥作用。所以这是我所做的:失败的尝试我可以将数据存入本地存储。我可以附加数据。我使用此功能执行此操作:$scope.favoriteData=$localStorage.getObject('favorites','[]');$scope.addFavorite=function(index){con

javascript - 为什么 ionic 模式在关闭或提交时会卡住 UI?

我有一个弹出窗口,其中有两个选项-添加收藏夹和添加评论-,第一个选项工作正常:它不会卡住用户界面;但是第二个表单一旦被省略或提交就会卡住界面。这是正在发生的事情:请注意当我关闭表单时界面没有响应。这是我用来创建弹出框和模态框的代码:$ionicPopover.fromTemplateUrl('templates/dish-detail-popover.html',{scope:$scope}).then(function(popover){$scope.popover=popover;});$scope.openPopover=function($event){$scope.popov

javascript - 获取滚动条的 `distance`

使用javascript是否可以计算出距离,或者窗口向下滚动的像素距离?问候菲尔 最佳答案 这将用于获取元素与文档顶部的距离:document.documentElement.scrollTop您需要确保该元素是可滚动的。来自MozillaMDN:Iftheelementcan'tbescrolled(e.g.ithasnooverfloworiftheelementisnon-scrollable),scrollTopissetto0 关于javascript-获取滚动条的`dista

javascript - jQuery 滚动事件 - 检测元素滚动到 View 中 - 在 Chrome 上性能不佳

以下代码在IE和Firefox上工作正常,但Chrome讨厌它(它运行但真的很慢)。我确信它可以使浏览器更加友好,但是怎么做呢?itemPlaceholder是数百个100x100的floatdiv(例如图像占位符)。我正在使用jquery1.4.4和Chromev10.0.648.127。$(function(){ReplaceVisible();$(this).scroll(function(){ReplaceVisible();});});functionReplaceVisible(){$('.itemPlaceholder').each(function(index){if(